// 模拟文章数据
export const mockPosts = [
  {
    id: "1",
    title: "欢迎来到我的博客",
    slug: "welcome-to-my-blog",
    content: `
# 欢迎来到我的博客

这是一个使用 Next.js 和 NestJS 构建的现代化博客系统。

## 主要功能

- 📝 **文章管理**: 支持创建、编辑、删除文章
- 👥 **用户系统**: 用户注册、登录、权限管理
- 🏷️ **标签系统**: 为文章添加标签分类
- 📱 **响应式设计**: 支持桌面和移动设备
- ⚡ **高性能**: 基于现代技术栈构建

## 技术栈

### 前端
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS
- Lucide React Icons

### 后端
- NestJS
- Prisma ORM
- PostgreSQL
- JWT 认证
- Swagger API 文档

## 开始使用

1. 注册账户
2. 登录系统
3. 开始创作您的文章
4. 分享您的想法

希望您能在这里找到有价值的内容！
    `,
    excerpt:
      "这是一个使用 Next.js 和 NestJS 构建的现代化博客系统，支持文章管理、用户系统、标签分类等功能。",
    coverImage:
      "https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=800&h=400&fit=crop",
    published: true,
    createdAt: "2024-01-15T10:00:00Z",
    author: {
      id: "1",
      name: "博客管理员",
    },
    tags: [
      { id: "1", name: "技术" },
      { id: "2", name: "博客" },
    ],
  },
  {
    id: "2",
    title: "React 19 新特性解析",
    slug: "react-19-new-features",
    content: `
# React 19 新特性解析

React 19 带来了许多激动人心的新特性，让我们一起来了解一下。

## 主要新特性

### 1. 并发特性
- 自动批处理
- 过渡 API
- Suspense 改进

### 2. 服务器组件
- 更好的服务器端渲染
- 减少客户端 JavaScript
- 更快的页面加载

### 3. 新的 Hooks
- use() Hook
- useOptimistic
- useFormStatus

## 性能改进

React 19 在性能方面也有显著提升：

- 更小的包体积
- 更快的渲染速度
- 更好的内存管理

## 迁移指南

如果您正在使用 React 18，迁移到 React 19 相对简单：

1. 更新依赖版本
2. 检查破坏性变更
3. 测试应用功能
4. 享受新特性

React 19 为现代 Web 开发带来了更多可能性！
    `,
    excerpt:
      "React 19 带来了并发特性、服务器组件、新的 Hooks 等激动人心的新功能，本文将详细介绍这些新特性。",
    coverImage:
      "https://images.unsplash.com/photo-1633356122544-f134324a6cee?w=800&h=400&fit=crop",
    published: true,
    createdAt: "2024-01-10T14:30:00Z",
    author: {
      id: "1",
      name: "博客管理员",
    },
    tags: [
      { id: "1", name: "技术" },
      { id: "3", name: "React" },
      { id: "4", name: "前端" },
    ],
  },
  {
    id: "3",
    title: "TypeScript 最佳实践",
    slug: "typescript-best-practices",
    content: `
# TypeScript 最佳实践

TypeScript 是现代 JavaScript 开发的重要工具，本文将分享一些最佳实践。

## 类型定义

### 1. 接口 vs 类型别名
\`\`\`typescript
// 推荐：使用接口定义对象结构
interface User {
  id: string;
  name: string;
  email: string;
}

// 推荐：使用类型别名定义联合类型
type Status = 'loading' | 'success' | 'error';
\`\`\`

### 2. 泛型的使用
\`\`\`typescript
// 通用函数
function identity<T>(arg: T): T {
  return arg;
}

// 通用组件
interface Props<T> {
  data: T[];
  render: (item: T) => React.ReactNode;
}
\`\`\`

## 错误处理

### 1. 可选链和空值合并
\`\`\`typescript
// 安全访问属性
const name = user?.profile?.name ?? 'Unknown';

// 函数调用
const result = obj?.method?.();
\`\`\`

### 2. 类型守卫
\`\`\`typescript
function isString(value: unknown): value is string {
  return typeof value === 'string';
}

function processValue(value: unknown) {
  if (isString(value)) {
    // TypeScript 知道 value 是 string 类型
    console.log(value.toUpperCase());
  }
}
\`\`\`

## 项目配置

### 1. tsconfig.json 优化
\`\`\`json
{
  "compilerOptions": {
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "exactOptionalPropertyTypes": true
  }
}
\`\`\`

### 2. ESLint 规则
\`\`\`json
{
  "@typescript-eslint/no-unused-vars": "error",
  "@typescript-eslint/explicit-function-return-type": "warn",
  "@typescript-eslint/no-explicit-any": "error"
}
\`\`\`

## 总结

遵循这些最佳实践可以帮助您：

- 编写更安全的代码
- 提高开发效率
- 减少运行时错误
- 改善团队协作

TypeScript 是一个强大的工具，合理使用可以大大提升开发体验！
    `,
    excerpt:
      "TypeScript 是现代 JavaScript 开发的重要工具，本文将分享类型定义、错误处理、项目配置等方面的最佳实践。",
    coverImage:
      "https://images.unsplash.com/photo-1516116216624-53e697fedbea?w=800&h=400&fit=crop",
    published: true,
    createdAt: "2024-01-05T09:15:00Z",
    author: {
      id: "1",
      name: "博客管理员",
    },
    tags: [
      { id: "1", name: "技术" },
      { id: "5", name: "TypeScript" },
      { id: "4", name: "前端" },
    ],
  },
];
